<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>-欢迎登录</title>
<link href="css/jd.css" rel="stylesheet" type="text/css">
<style type="text/css">
/*登录页面*/
	.right{
		float: right;
		margin-top: 60px;
	}
	.link_1{
		color: #999999;
		vertical-align: top;
		margin-left: 5px;
	}
	.link_1:hover{
		color: #E4393C;
		text-decoration: underline;
	}
/*背景*/
	.login{
		width: 990px;
		height: 595px;
/*		border: 1px solid red;		*/
		margin: 0 auto;
		background-image: url(image/bg_1.jpg);
	}
/*登录表单*/
	.loginForm{
/*		border: 1px solid red;		*/
		width: 350px;
		float: right;
		background-color: #FFFFFF;
		margin-top: 40px;
		margin-right: 80px;
	}
	.loginForm li{
		margin-top: 15px;
	}
	.loginForm .li_1{
		border-bottom: 1px solid #E6E6E6;
		padding: 0 0 15px 65px;
	}
	.loginForm .li_1 div{
		display: inline-block;
	}
	.link_2{
		color: #666666;
		font-size: 18px;
	}
	.link_2:hover{
		color: #E4393C;
		font-weight: 700;
	}
	.link_3{
		color: #E4393C;
		font-size: 18px;
		font-weight: 700;
	}	
	.loginForm .li_2{
		margin-left: 20px;
	}
	.loginForm .li_2 img{
		border: 1px solid #BDBDBD;	
	}
	.loginForm .li_2 div{
		border: 1px solid #BDBDBD;
		display: inline-block;
		width: 270px;
		height: 35px;
		vertical-align: top;
		margin-left: -4px;
	}
	.loginForm input{
		border: none;
		width: 260px;
		height: 25px;
		margin: 5px;
	}
	.loginForm .li_3{
		text-align: right;
		margin-right: 30px;
	}
	.loginForm .li_3 span{
		display: none;
		color: #E4393C;
		margin-right: 30px;
	}
	.link_4{
		color: #666666;
	}
	.link_4:hover{
		color: red;
		text-decoration: underline;
	}
	.loginForm input[type="submit"]{
		margin-left: 25px;
		width: 300px;
		height: 35px;
		letter-spacing: 10px;
	}
	.loginForm .li_4{
		border-top: 1px solid #E6E6E6;
		padding: 15px 0;
	}
	.loginForm .li_4 a img{
		vertical-align: bottom;
		padding-right: 3px;
	}
	.link_5{
		color: #B61D1D;
		font-size: 13px;
	}
	.link_5:hover{
		text-decoration: underline;
	}
</style>
<script type="text/javascript">
	function loginError(){
		var url = window.location.href;
		if(url.indexOf("flag=loginError") != -1){
			var errorMsg = document.getElementById("errorMsg");
			errorMsg.style.display = "inline";
		}
	}
</script>
</head>

<body onLoad="loginError()">
	<div class="page">
		<div class="header" style="background : none;">
			<div class="headerContent">
				<div class="left">
					<div class="welcome"><h2><center>中医诊断学辨证知识咨询平台-欢迎登录</center></h2></div>
				</div>
				<div class="right">
					<img src="image/icon_2.png" alt="" />
					<a class="link_1" href="">登录页面</a>
				</div>
			</div>
		</div>
		<div class="main" style="background-color: #CC0000;">
			<div class="mainContent">
				<div class="login">
					<form action="loginSuccess.jsp" method="post">
						<ul class="loginForm">
							<li class="li_1">
								<div><a class="link_3" style="padding-left: 35px;" href="login.html">账户登录</a></div>
							</li>
							<li class="li_2">
								<img src="image/account.png" alt="" />
								<div>
									<input type="text" name="userName" placeholder="用户名" />	   
								</div>
							</li>
							<li class="li_2">
								<img src="image/password.png" alt="" />
								<div>
									<input type="password" name="password" placeholder="密码" />
								</div>
							</li>
							<li class="li_3">
								<span id="errorMsg">账号或密码错误，请重新登录。</span>
							</li>
							<li>
								<input class="bt_1" type="submit" value="登 录" />
							</li>
							<li class="li_4">
								<a class="link_4" style="margin-left: 30px;" href=""><img src="image/qq.png" alt="" />QQ</a>&nbsp;|
								<a class="link_4" href=""><img src="image/wechat.png" alt="" />微信</a>
								<a class="link_5" style="margin-left: 100px;" href="register.html"><img src="image/icon_2.png" alt="" />立即注册</a>
							</li>
						</ul>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>